<!--
    * Time    : 2021-03-11 19:44:12
    * Author  : zhangTj
    * Desc    : 文字单选/多选
-->

<template>
    <div class="p-15p">
        <div class="d-flex text-center">
            <div
                @click="pagination(-1)"
                v-if="activeIndex"
                class="iconfont iconArrowLeft rounded-4 bg-main text-fff mr-1"
                style="width: 68px; height: 40px; line-height: 40px"
            ></div>
            <div @click="pagination(1)" class="bg-main text-fff rounded-4 font-14 flex-1" style="height: 40px; line-height: 40px">下一页</div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'Pagination',
    props: {
        index: {
            type: Number | String,
            default: 0
        },
        activeIndex: {
            type: Number,
            default: 0
        }
    },
    methods: {
        // 上/下一页
        pagination(num) {
            this.$emit('pagination', num)
        }
    }
}
</script>
